<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<div id="featured">
	<div id="featured-text-panel">
		<h2>Why Codeplus?</h2>
		<p>We are a bunch of creative and passionate individuals. We
			create web based applications for Google and Microsoft Cloud, Android
			and i-devices</p>
		<div>
			<a href="/aboutus" title="About Codeplus Technologies"><span
				id="about-us-button"></span> </a>
		</div>
	</div>
	<div id="slideshow">
		<img id="web-plus-link" src="/content/images/web-plus.png"
			class="shadow"
			alt="Websites plus service by codeplus helps you to create web applications using ASP.Net or Java" />
		<img id="cloud-plus-link" src="/content/images/cloud-plus.png"
			class="shadow"
			alt="Cloud plus service by codeplus helps you to create web applications hosted on Google AppEngine, Windows Azure or Amazon" />
		<img id="mobile-plus-link" src="/content/images/mobile-plus.png"
			class="shadow"
			alt="Mobile plus service by codeplus helps you to create web applications using ASP.Net or Java targeted for mobiles and/or tablets" />
	</div>
</div>
<div id="separator-bar"></div>
<div id="body-layout">
	<div class="layout-column">
		<div id="services-panel"></div>
		<div class="section shadow">
			<div>Cloud computing</div>
			<div style="font-size: 13px; color: #6e6e6e; padding: 4px;">Codeplus
				helps you to create web apps hosted on Google, Windows or Amazon...</div>
			<a href="/services/cloud-apps" class="read-more"
				title="Cloud based Web applications Consultancy Services at Codeplus Technologies"></a>
		</div>
		<div class="section shadow">
			<div>Web development</div>
			<div style="font-size: 13px; color: #6e6e6e; padding: 4px;">Create
				web applications hosted on Google AppEngine, Windows Azure or
				Amazon...</div>
			<a href="/services/web-apps" class="read-more"
				title="Web application Consultancy Services at Codeplus Technologies"></a>
		</div>
		<div class="section shadow">
			<div>Search Engine Optimization</div>
			<div style="font-size: 13px; color: #6e6e6e; padding: 4px;">Drive
				traffic towards your site. Improve your website ranking in search
				engines...</div>
			<a href="/services/seo" class="read-more"
				title="SEO Consultancy Services at Codeplus Technologies"></a>
		</div>
	</div>
	<div class="layout-column">
		<div id="projects-panel"></div>
		<div class="section shadow">
			<div class="section-dt"></div>
		</div>
		<div class="section shadow">
			<div class="section-ios"></div>
		</div>
		<div class="section shadow">
			<div class="section-filler"></div>
		</div>

	</div>
	<div class="layout-column">
		<div id="contactus-panel"></div>
		<div id="newsletter-panel" class="shadow">
			<p id="newsletter-header"></p>
			<input type="text" maxlength="50" value="[your email address]"
				class="textbox-label" /> <span id="newsletter-button"></span>
		</div>
		<div id="contact-panel" class="shadow">
			<p id="contact-header"></p>
			<form id="contactus-form" method="post" action="/contactus">
				<input id="name-field" name="name-field" type="text" maxlength="50"
					value="[your name]" class="textbox-label required" /> <input
					id="purpose-field" name="purpose-field" type="text" maxlength="50"
					value="[subject of enquiry]" class="textbox-label" /> <input
					id="email-field" name="email-field" type="text" maxlength="50"
					value="[your email address]" class="textbox-label required email" /><span
					id="contact-button"></span>
			</form>

		</div>
	</div>
</div>